@use "@/css/amtf-var.scss" as *;
body,
html.dark,
html {
  .VPHero {
    font-family: "KaiTi" !important;
    font-size: $小字 !important;

    :deep(.q-tab__label) {
      font-size: inherit !important;
    }
  }
}

.q-field {
  font-size: $小字 !important;
}

// .q-btn{
//   font-size: $小字 !important;
// }


.VPHero {
  overflow-x: hidden;
  margin-top: -64px;
  padding: 112px 24px 48px;
  padding-bottom: 10px !important;
  height: 100%;

}

@media (min-width: 640px) {
  .VPHero {
    padding: 112px 48px 64px;
  }
}

@media (min-width: 960px) {
  .VPHero {
    padding: 112px 64px 64px;
  }
}